<template>
    <div>
        <el-drawer
            title="产品参数"
            :visible.sync="drawer"
            :direction="direction"
            :with-header="false"
            size="45%"
            >
            <div class="dakai">
                <p>产品参数</p>
                <ul>
                    <li v-for="(item,index) in datalist" :key="index">
                        <span>{{item.title}}</span>{{item.type}}
                    </li>
                </ul>
            </div>
        </el-drawer>
    </div>
</template>

<script>
export default {
    data() {
      return {
        drawer:false,
        direction: 'btt',
        lists:[],
        shopArr:[],
        datalist:[]
      };
    },
    methods: {
      dak2(){
          this.drawer=true
      },
      df(){
           let list=this.$route.query;
           this.shopArr=list,
           this.datalist=this.shopArr.curtShopDetail.parameter,
           console.log(this.datalist);
      }
    },
    mounted() {
        this.df()
    },
}
</script>

<style lang="less" scoped>
    .dakai{
        p{
            height: 100px;
            line-height: 100px;
            font-size:35px;
            box-shadow: 0 1px 1px rgba(100,100,100,.2);
        }
        li{
            font-size:35px;
            text-align: left;
            padding: 40px 0;
            box-shadow: 0 1px 1px rgba(100,100,100,.5);
            color: #969696;
            span{
                color: #000;
                padding: 0 50px;
            }
        }
    }
</style>